<?php use_helper('I18N') ?>
<style type="text/css">

#popupContact {
    top: -80px !important;
}

div.msg_err {
    margin: 5px 0 10px;
    width: 100%;
}
div.msg_err div {
    background-color: #FFEAEA;
    border: 1px solid red;
    color: red;
    padding: 5px;
    text-align: left;
}
div.msg_msg {
    margin: 5px 0 10px;
    width: 100%;
}
div.msg_msg div {
    background-color: #E7EFE6;
    border: 1px dotted #237332;
    color: black;
    padding: 5px;
    text-align: left;
}
.title_small {
    border-bottom: 1px solid #003333;
    color: #F82020;
    font-family: corbel;
    font-size: 14px;
    font-weight: bold;
}
span.ajax_loading {
    background: url("images/loading.gif") no-repeat scroll 0 0 transparent;
    height: 16px;
    width: 16px;
}
.sub_title {
    border-bottom: 1px dashed #C8A046;
    color: #C8A046;
    float: left;
    font-size: 13px;
    font-weight: bold;
    line-height: 25px;
    margin-top: 25px;
    padding-left: 0;
    width: 100%;
}
.pbt_table {
    float: left;
    margin-top: 15px;
    width: 615px;
}
.pbt_table tr {
    padding: 5px 0;
    width: 600px;
}
.pbt_table td {
    padding: 3px;
    vertical-align: top;
}
.pbt_table tr.pbt_body td.td_1st {
    padding-left: 20px;
}
.pbt_table tr.pbt_body td.td_2nd {
    padding-right: 20px;
}
.pbt_table tr.pbt_septop td {
    height: 5px;
}
.pbt_table tr.pbt_sepbottom td {
    height: 15px;
}
.pbt_table tr.pbt_header td {
    padding-left: 15px;
}
.pbt_table tr.pbt_header {
    background-color: #434343;
    color: white;
    font-size: 12px;
    font-weight: bold;
    line-height: 25px;
    margin-top: 30px;
}
.pbl_table {
    border-collapse: collapse;
    float: left;
    margin: 5px 0 3px;
    width: 100%;
}
.pbl_table td {
    border: 1px solid #434343;
    color: #000000;
    padding: 2px;
}
.pbl_table td div.title {
    font-family: verdana,Arial,Helvetica,sans-serif;
    font-size: 10pt;
    font-weight: bold;
}
.pbl_table tr.pbl_header {
    background-color: #434343;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}
.pbl_table tr.pbl_header td {
    color: #FFFFFF;
}
.pbl_table tr.row0 {
    background-color: #DCDCDC;
}
.pbl_table tr.row1 {
    background-color: #FFFFFF;
}
div .photo_gallery_container {
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 600px;
}
div .photo_gallery {
    float: left;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 200px;
}
div .photo_gallery_header_title {
    background-color: #434343;
    border: 1px solid #FFFFFF;
    color: white;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    overflow: auto;
    padding-left: 15px;
}
div .photo_gallery_title {
    background-color: #434343;
    border: 1px solid #FFFFFF;
    color: white;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    overflow: auto;
    padding-left: 15px;
    width: 200px;
}
div .photo_gallery_link {
    padding-left: 10px;
}
div .small_pic {
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #434343;
    display: block;
    float: left;
    height: 138px;
    margin: 10px;
    padding: 10px;
    width: 138px;
}
div .album_photos_container {
    border: 0 solid #434343;
    float: left;
    margin: 10px;
    padding: 0;
}
div .album_photos {
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #434343;
    display: block;
    float: left;
    margin: 5px 0;
    padding: 2px;
}
.poptitle {
    color: #BC9C48;
    font-size: 16px;
    font-weight: bold;
}
.poptitle:hover {
    color: #CCAD5A;
}
.popinfo1 {
    color: #333333;
    font-size: 12px;
    padding: 0 10px;
}
.popinfo2 {
    background-color: #FBE91D;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    width: 500px;
}
.popdivider {
    border-top: 1px dotted #999999;
    margin: 10px 0;
    width: 100%;
}
.news_date {
    font-size: 10px;
    font-style: italic;
}
#backgroundPopup {
    background: none repeat scroll 0 0 #000000;
    border: 1px solid #CECECE;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}
#popupContact {
    background: url("images/popbg.jpg") repeat-y scroll 0 0 #FFFFFF;
    border: 2px solid #999999;
    color: #333333;
    display: none;
    font-size: 13px;
    margin-top: 150px;
    padding: 5px;
    width: 500px;
    z-index: 10000;
}
#popupContact a {
    color: #CCAD5A;
    text-decoration: none;
}
#popupContact a:hover {
    color: #DABD71;
}
#popupContact h1 {
    background-color: #CCAD5A;
    color: #FFFFFF;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    padding: 10px;
    text-align: center;
}
#popupContactClose, #popupContactClose2 {
    background-color: #DDEEF6;
    border: 1px solid #8EC1DA;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 3px #FFFFFF inset, 0 -15px #CBE6F2 inset, 0 0 3px #8EC1DA;
    color: #3985A8;
    cursor: pointer;
    display: block;
    font-weight: 700;
    line-height: 14px;
    margin: auto;
    padding: 5px 30px;
    text-align: center;
    text-shadow: 0 1px #FFFFFF;
    width: 80px;
}
#button {
    margin: 100px;
    text-align: center;
}

</style>

<script type='text/javascript' src='/js/popup.js'></script>
<script type="text/javascript">
$(function() {
    $("#dgAnnouncement").dialog("destroy");
    $("#dgAnnouncement").dialog({
        autoOpen : false,
        modal : true,
        resizable : false,
        closeOnEscape: false,
        hide: 'clip',
        show: 'slide',
        width: 650,
        open: function(event, ui) {
            /*$(".ui-dialog-titlebar-close").hide();*/
        },
        close: function() {

        }
    });
    $('#liquidity').nivoSlider();
});
</script>

<!-- this is banner-->
<div id="slider-wrapper">
    <div id="slider" class="nivoSlider">
<!--        <img src="/images/banner_05.jpg" alt="" title="" width="960px"/>-->
<!--        <img src="/images/banner_04.jpg" alt="" title="" width="960px"/>-->
<!--        <img src="/images/banner_06.jpg" alt="" title="" width="960px"/>-->
        <img src="/images/OFX_global_banner.png" alt="" title="" width="960px"/>
        <img src="/images/banner_01.jpg" alt="" title="" width="960px"/>
        <img src="/images/banner_02.jpg" alt="" title="" width="960px"/>
        <img src="/images/banner_03.jpg" alt="" title="" width="960px"/>
    </div>
</div>
<div class="clear"></div>
<!--banner is end here-->
<div id="content" class="contents">
    <div class="aside">
        <!--this is accor-->
        <div id="accor">
            <ul id="menu">
                <li>
                    <a href="#"><img src="/images/accor_01.jpg"/></a>
                    <ul>
                        <li>
                            <div class="dailyWrap">
                                <iframe class="form_frame"
                                        src="https://register.advancedmarketsfx.com/ticker/fxpig/index.html" width="270"
                                        height="160" scrolling="no" frameborder="0" marginwidth="0" marginheight="0">
                                    Your browser doesn't support inline frames.
                                </iframe>
                            </div>

                        </li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="clear"></div>
        <!--accor is end here-->

        <!--- aside banner--->
        <div class="adBanner">
            <a href="/main/contact"><img src="/images/side_contact.jpg" style="height:168px; margin:10px"/></a>
        </div>
        <div class="adBanner">
            <img src="/images/creditcard.jpg"/>
            <br/>

            <p style="text-align:center; font-weight:bold; font-size:16px;"> Coming Soon, Stay Tuned</p>

            <div class="clear"></div>
        </div>
        <div class="clear"></div>
        <!---Testimoniol--->
        <div class="testimoniolWrap">
            <h2 align="center">What They Say About Us...</h2>

            <div id="text-content"
                 style="color:#444444; padding:10px 15px; text-indent:15px; background:url(images/close_mark.jpg) no-repeat 260px bottom;">
            </div>
        </div>
        <!---Testimoniol end--->
        <!--- aside banner end--->
        <div class="testimoniolWrap" style="width:260px;float:right;">
            <h2 style="position: relative; left: 40px">Our Liquidity</h2>

            <div id="liquidity">
                <img width="178" height="220" alt="Pepperstone" title="" src="/images/liquidity/liquidity1.png">
                <img width="178" height="220" alt="Pepperstone" title="" src="/images/liquidity/liquidity2.png">
                <img width="178" height="220" alt="Pepperstone" title="" src="/images/liquidity/liquidity3.png">
                <img width="178" height="220" alt="Pepperstone" title="" src="/images/liquidity/liquidity4.png">
                <img width="178" height="220" alt="Pepperstone" title="" src="/images/liquidity/liquidity5.png">
                <img width="178" height="220" alt="Pepperstone" title="" src="/images/liquidity/liquidity6.png">
            </div>
            <div class="clearer"></div>
        </div>
    </div>


    <!---welcome message--->
    <div class="firstCol">
        <div class="maindisplay">
            <img src="/images/icon_about.jpg"/>
        </div>
        <h2>OFX Global</h2>

        <p>OFX Global, was engineered from the ground up in an effort to provide our clients with the best possible
            trading experience available focusing on four key elements that others in the industry have all but
            forgotten; true interbank pricing, lightning fast executions, financial privacy, and real hands on customer
            service. Sometimes in business being the underdog has it's advantages, we may not be the biggest out there
            but we are still large enough to be competitive, and at the same time we are small enough to be
            flexible.</p>

        <div class="clear"></div>
    </div>

    <!---welcome end--->
    <div class="rightArea">
        <div class="mainCol02">
            <div class="maindisplay">
                <img src="/images/icon_account.jpg"/>
            </div>
            <h2>Open an Account</h2>

            <p>OFX Global will use the information gained from this application... <span class="more"><a
                    href="/main/app_login">Read more</a></span></p>

            <div class="clear"></div>
        </div>

        <div class="mainCol03">
            <div class="maindisplay">
                <img src="/images/icon_about_demo.jpg"/>
            </div>
            <h2>Free Demo Account</h2>

            <p>In order to request a new demo account for our platform please follow the instructions...
                <span class="more"><a href="http://app.ofxltd.com/download/demo">Read more</a></span></p>

            <div class="clear"></div>
        </div>

        <div class="mainCol02">
            <div class="maindisplay">
                <img src="/images/icon_about_forex.jpg"/>
            </div>
            <h2>What is Forex</h2>

            <p>Unlike other financial markets, the foreign exchange (Forex) market has no central location. There is no
                stock exchange and there are no set market hours.
                <span class="more"><a href="/main/learningCenter">Read more</a></span></p>

            <div class="clear"></div>
        </div>

        <div class="mainCol03">
            <div class="maindisplay">
                <img src="/images/icon_trade.jpg"/>
            </div>
            <h2>Why Trade with OFX Global</h2>

            <p>At OFX Global, advanced trading tools and superior customer support are all part of our commitment to
                help you pursue your goals.
                <span class="more"><a href="/main/learningCenter">Read more</a></span></p>

            <div class="clear"></div>
        </div>

        <!--- footer banner --->
        <div class="asideBTMBanner">
            <img src="/images/side_btm_banner_02.jpg"/>
        </div>
        <div class="asideBTMBanner">
            <img src="/images/side_btm_banner.jpg"/>
        </div>
        <!--- footer banner end --->
        <div class="clear"></div>
    </div>
    <div class="clear"></div>
</div>

<div id="dgAnnouncement" title="<?php echo __('Announcement') ?>" style="display:none;">
    <p>
        <span class="ui-icon ui-icon-info" style="float:left; margin:0 7px 100px 0;"></span>
    </p>
    Dear Valued Trader,
    <br><br>Start from 1st Aug 2012 ONLY MEMBER are allowed to access into www.Ofxltd.com.com due to webpage upgrading.
    MEMBER need to login their username n password in order to enter the website. Sorry for the inconvenience caused.
    <br><br>
    <b>From The Management</b>
    </p>
</div>




<!--####################################################################################################-->
<!--####################################################################################################-->
<!--####################################################################################################-->
<!--####################################################################################################-->
<?php
$tempDisable = true;
if ($tempDisable == false) { ?>
<div style="position: absolute; display: none;" id="popupContact">
    <h1><?php echo __('Latest News') ?></h1>
    <a id="popupContactClose"><?php echo __('CLOSE') ?></a>

    <p id="contactArea">
        <!--<img src='http://www.abfxtrader.com/ablive/nimages/site/eidalfitr-2012.jpg' />-->
    </p>

    <div class="popdivider"></div>

    <?php
    $culture = $sf_user->getCulture();
    //foreach ($announcements as $announcement) { ?>
    <div class="popinfo1">
        <!--<a href="<?php /*echo url_for("/member/announcement?id=".$announcement->getAnnouncementId())*/?>">-->
            <div class="poptitle"><?php
                /*if ($culture == "en")
                    echo $announcement->getTitle();
                else if ($culture == "jp")
                    echo $announcement->getTitleJp();
                else
                    echo $announcement->getTitleCn();*/
                ?>
            Happy Chinese New Year 2013
            </div>
        <!--</a>-->

        <div class="news_date">
        <?php
            $dateUtil = new DateUtil();
            //$currentDate = $dateUtil->formatDate("Y-m-d", $announcement->getCreatedOn());
            //echo $currentDate;
            echo "6 FEB 2013";
            ?>
        </div>
        <div class="news_desc">
            <?php
            /*if ($culture == "en")
                echo $announcement->getShortContent();
            else if ($culture == "jp")
                echo $announcement->getShortContentJp();
            else
                echo $announcement->getShortContentCn();*/

            ?>

            <br>
            <br>
            <a target="_blank" href="#"><img width="460" border="0" alt="OFX Trader" src="/images/ofx_cny.png"></a>

                <br>
                Allow me to congratulate you on the arrival of the Snake Year and to extend to you all my best wishes for your perfect health and lasting prosperity.

                <br><br>
                恭贺新禧，祝身体健康、事业发达。

            <!--<iframe id="youtubeFrame" width="460" height="259" src="http://www.youtube.com/embed/7stGVO_nn_8?rel=0&autoplay=0" frameborder="0" allowfullscreen></iframe>
            <br>
            <br>
                Thank you for being a member at Maxim Trader and we wish you a Merry Christmas and a Prosperous New Year.


                            <br>
                            <br>
We are grateful for the pleasure of serving you and meeting your needs and we look forward to serve you more in the coming year with utmost comfort and commitment valuing your growth as our main goal in mind.


                          <br>
                          <br>
We wish you a splendid year filled with abundance joy, happiness, the best of health and wealth, all-wishes-granted and a special good vibe following your business and family.


                          <br>
                          <br>
Happy holidays! Happy 2013!-->
<!--            <br>
            <br>
            Sincerely,
            <br>
            Maxim Trader Team-->
        </div>
        <!--<a href="<?php /*echo url_for("/member/announcement?id=".$announcement->getAnnouncementId())*/?>"><?php /*echo __('Read More') */?> &gt;&gt;</a>-->
    </div>
    <div class="popdivider"></div>
    <?php //} ?>
    <p></p>
    <a id="popupContactClose2"><?php echo __('CLOSE') ?></a><br>
</div>
<div style="height: 572px; opacity: 0.7; display: none;" id="backgroundPopup"></div>
<?php } ?>